<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>{% block title %}洗衣{% endblock %}</title>
		{% block include %}
		<!--引入layui的css文件和js文件-->
		{% load static %}
		<link rel="stylesheet" type="text/css" href="{% static 'layui-v2.6.8/layui/css/layui.css' %}" />
		<script src="{% static 'layui-v2.6.8/layui/layui.js' %}" type="text/javascript" charset="UTF-8"></script>
		<!--引入附加的index.css文件-->
		<link rel="stylesheet" type="text/css" href="{% static 'CSS/index.css' %}" />
		{% endblock %}
	</head>
	<style>
		button:hover {
			box-shadow: 1px 1px 3px #000080;
		}
	</style>
	<body style="background-color:#F5F5F5">

		<header>
			<!--首页导航	-->
			<ul class="layui-nav" style="display:flex;justify-content:center;">
				<li class="layui-nav-item"><a href="/washer/index" style="font-size:24px;">首页</a></li>
				<li class="layui-nav-item layui-this"><a href="/washapp/index" style="font-size:24px;">洗衣</a></li>
				<li class="layui-nav-item"><a href="/community/index" style="font-size:24px;">社区</a></li>
				<li class="layui-nav-item"><a href="/washer/login" style="font-size:24px;">我的</a></li>
			</ul>
		</header>

		<main>
			{% block subject %}
			<!--洗衣机png图片-->
			<div style="width:30%;margin:10px auto;">
				{% load static %}
				<img style="width:100%;" src="{% static 'img/washingMachine06x.png' %}" alt="洗衣机">
			</div>
			<!--这是预订按钮-->
			<div style="width:30%;margin:10px auto;">
				<a href="/washapp/choose">
					<button class="layui-btn layui-btn-radius layui-btn-lg layui-btn-normal"
						style="width:100%;">点此预订</button>
				</a>
			</div>
			{% endblock %}
		</main>

		<footer>

		</footer>
	</body>
</html>
